<!-- 热门投票模块 -->
<div class="content-module">
    <div class="module-header">
        <h2 class="module-title">
            <i class="fas fa-poll"></i>热门投票
        </h2>
        <a href="#" class="module-more">查看全部 <i class="fas fa-angle-right"></i></a>
    </div>

    <ul class="content-list">
        <li class="content-item">
            <div class="voting-progress">
                <svg class="progress-ring" width="90" height="90">
                    <circle class="progress-background" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45"/>
                    <circle class="progress-ring-circle" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45" stroke-dasharray="245.044" stroke-dashoffset="61.261"/>
                </svg>
                <div class="voting-percentage">75%</div>
            </div>
            <div class="item-info">
                <div class="item-title">
                    <a href="#">你更倾向于哪种工作模式？远程、混合还是完全线下？</a>
                </div>
                <div class="item-meta">
                    <span><i class="far fa-user"></i>职场调查</span>
                    <span><i class="far fa-clock"></i>3天前</span>
                    <span><i class="fas fa-users"></i>2.5k 人参与</span>
                    <span><i class="far fa-hourglass-half"></i>还剩2天结束</span>
                </div>
            </div>
        </li>

        <li class="content-item">
            <div class="voting-progress">
                <svg class="progress-ring" width="90" height="90">
                    <circle class="progress-background" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45"/>
                    <circle class="progress-ring-circle" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45" stroke-dasharray="245.044" stroke-dashoffset="98.018"/>
                </svg>
                <div class="voting-percentage">60%</div>
            </div>
            <div class="item-info">
                <div class="item-title">
                    <a href="#">你最常用的AI工具是什么？ChatGPT、Midjourney还是其他？</a>
                </div>
                <div class="item-meta">
                    <span><i class="far fa-user"></i>科技爱好者</span>
                    <span><i class="far fa-clock"></i>1天前</span>
                    <span><i class="fas fa-users"></i>1.8k 人参与</span>
                    <span><i class="far fa-hourglass-half"></i>还剩5天结束</span>
                </div>
            </div>
        </li>

        <li class="content-item">
            <div class="voting-progress">
                <svg class="progress-ring" width="90" height="90">
                    <circle class="progress-background" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45"/>
                    <circle class="progress-ring-circle" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45" stroke-dasharray="245.044" stroke-dashoffset="147.027"/>
                </svg>
                <div class="voting-percentage">40%</div>
            </div>
            <div class="item-info">
                <div class="item-title">
                    <a href="#">周末你更喜欢哪种休闲方式？户外活动、居家休息还是文化体验？</a>
                </div>
                <div class="item-meta">
                    <span><i class="far fa-user"></i>生活方式调查</span>
                    <span><i class="far fa-clock"></i>5天前</span>
                    <span><i class="fas fa-users"></i>3.2k 人参与</span>
                    <span><i class="far fa-hourglass-half"></i>已结束</span>
                </div>
            </div>
        </li>

        <li class="content-item">
            <div class="voting-progress">
                <svg class="progress-ring" width="90" height="90">
                    <circle class="progress-background" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45"/>
                    <circle class="progress-ring-circle" stroke-width="6" stroke="currentColor" fill="transparent" r="39" cx="45" cy="45" stroke-dasharray="245.044" stroke-dashoffset="49.009"/>
                </svg>
                <div class="voting-percentage">80%</div>
            </div>
            <div class="item-info">
                <div class="item-title">
                    <a href="#">你认为未来最有发展前景的行业是什么？</a>
                </div>
                <div class="item-meta">
                    <span><i class="far fa-user"></i>行业分析</span>
                    <span><i class="far fa-clock"></i>4天前</span>
                    <span><i class="fas fa-users"></i>4.7k 人参与</span>
                    <span><i class="far fa-hourglass-half"></i>还剩1天结束</span>
                </div>
            </div>
        </li>
    </ul>
</div>
